<template>
    <div>
        <h2>{{title}}</h2>
        {{content}}
    </div>
</template>

<script>
    export default {
        inheritAttrs: false,
        // props: ['title', 'content']
        props: {
            title: String,
            content: {
                type: String,
                required: true,
                default: '123'
            },
            info: {
                type: Object,
                default() {
                    return {name: 'why'}
                }
            }
        }
    }
</script>

<style scoped>

</style>